htm { padding: 0px; margin: 0px; }
body { padding: 0px; margin: 0px; font-size: 14px; font-family: "微軟正黑體",'Microsoft YaHei',"微软雅黑"; background: #fff; }
dl { padding: 0px; margin: 0px; }
dt { padding: 0px; margin: 0px; }
dd { padding: 0px; margin: 0px; }
ul { padding: 0px; margin: 0px; }
ol { padding: 0px; margin: 0px; }
p { padding: 0px; margin: 0px; line-height: 25px; }
li { padding: 0px; margin: 0px; list-style-type: none; }
form { padding: 0px; margin: 0px; }
fieldset { padding: 0px; margin: 0px; }
blockquote { padding: 0px; margin: 0px; }
fieldset { padding: 0px; margin: 0px; }
select { padding: 0px; margin: 0px; border: 0px; }
label { padding: 0px; margin: 0px; }
textarea { padding: 0px; margin: 0px; border: 0px; }
img { padding: 0px; margin: 0px; border: 0px; }

input::-webkit-input-placeholder { color: #999; }
.input { width: 100%; display: block; padding: 0px 5px; background: none; border: #e5e5e5 solid 1px; -webkit-box-sizing: border-box; color: #999; font-size: 14px; outline: none; }
.button { width: 100%; display: block; padding: 0px 5px; border: #e5e5e5 solid 1px; background: no-repeat; color: #fff; text-align: center; font-size: 14px; }
.textarea { width: 100%; display: block; padding: 10px 5px; background: none; border: #e5e5e5 solid 1px; -webkit-box-sizing: border-box; color: #999; font-size: 14px; outline: none; }

.space-0 { width: 100%; height: 0px; clear: both; }
.space-10 { width: 100%; height: 10px; clear: both; }
.space-20 { width: 100%; height: 20px; clear: both; }
.space-30 { width: 100%; height: 30px; clear: both; }
.space-40 { width: 100%; height: 40px; clear: both; }
.space-50 { width: 100%; height: 50px; clear: both; }

.radius0 { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
.radius5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.radius10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.radius15 { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
.radius20 { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
.radius50 { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }

.ease03 { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.ease06 { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }
.ease09 { -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; }

.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.bgcover { background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; }
.bgauto { background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -ms-background-size: 100% 100%; }

.section { height: auto; overflow: hidden; clear:both; }
.section1 { background: #f0f0f0; }
.section2 { background: #ffffff; }

/* link */

a { color: #fff; }
a:link { color: #fff; text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }

/* header */

.header { height: auto; overflow: hidden; padding: 10px 0px 20px; }
.header .logo { height: auto; overflow: hidden; display:block; float:left; }
.header .logo img { height: 60px }

.searchbox { height: 30px; position: relative;}
.searchbox input { width: 100%; height: 30px; color: #888; display: block; padding: 0px 5px; display: block; background: none; border: #e5e5e5 solid 1px; outline: none; }
.searchbox a { width: 70px; height: 30px; line-height: 30px; display: block; font-size: 14px; color: #fff; font-weight: bold; text-align: center; border: none; cursor: pointer; background: #019392; position: absolute; top: 0px; right: -5px; }
.header .searchbox { width: 240px; margin-top: 20px; float: right; }

.header .HotLine { width: 250px; font-size: 14px; position: relative; float:right; }
.header .HotLine .ico-phone { width: 42px; height: 42px; background: url(../images/telico.png) no-repeat; position: absolute; left: 30px; top: 13px; }
.header .HotLine .p1 { color: #666; padding-left: 85px; padding-top: 5px; }
.header .HotLine .p2 { font-size: 18px; color: #019392; font-weight: bold; padding-left: 85px; }

/* mheader */

.mheader { width: 100%; height: auto; overflow: hidden; padding: 10px 0px; background: #fff; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); position: fixed; top: 0px; left: 0px; z-index: 999; }
.mheader .logo { height: auto; overflow: hidden; display: block; float: left; }
.mheader .logo img { height: 30px }

.mheader .searchbox { margin: 20px 30px; }

/* 导航栏新 */

.menus { width: 50px; height: 50px; background: #019392; cursor: pointer; display: block; position: fixed; top: 0px; right: 0px; z-index: 9999; }
.menus span { display: inline-block; width: 22px; margin: auto; height: 4px; top: 50%; margin-top: -2px; position: absolute; left: 0; right: 0; vertical-align: middle; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s; -webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s; }
.menus span:after, .menus span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 4px; left: 0; background-color: #fff; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s; -webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s }
.menus span:before { top: -8px; -webkit-transition-property: top,transform; -moz-transition-property: top,transform; -ms-transition-property: top,transform; -o-transition-property: top,transform; transition-property: top,transform; }
.menus span:after { bottom: -8px; -webkit-transition-property: bottom,transform; -moz-transition-property: bottom,transform; -ms-transition-property: bottom,transform; -o-transition-property: bottom,transform; transition-property: bottom,transform; }
.menus.active span { background-color: transparent; -webkit-transition-delay: 0s,0s; -moz-transition-delay: 0s,0s; -ms-transition-delay: 0s,0s; -o-transition-delay: 0s,0s; transition-delay: 0s,0s }
.menus.active span:after, .menus.active span:before { -webkit-transition-delay: 0s,.3s; -moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s }
.menus.active span:before { top: 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }
.menus.active span:after { bottom: 0px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.navigate { position: fixed; width: 100%; height: 100%; box-sizing: border-box; padding: 50px 0; background: #fff; z-index: 9999; left: 0; top: 0; display: none; overflow-y: scroll; }
.nclose { display: block; width: 25px; height: 25px; background: url(../images/close.png) center no-repeat; position: fixed; right: 20px; top: 15px; transition: 0.44s; }
.nclose.hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }
.navigateli > li { border-bottom: 1px solid #cccccc; }
.navigateli > li > a { display: block; color: #333333; font-size: 15px; padding-left: 28px; line-height: 54px; position: relative; }
.navigateli > li > a.now { background: #019392; color: #fff; }
.navigateli > li > a.now b:before, .navigateli > li > a.now b:after { background: #fff; }
.navigateli > li > a.now b:after { transform: translateY(30px); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); opacity: 0; }
.navigateli > li > a b { display: block; width: 15px; height: 15px; position: absolute; right: 28px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
.navigateli > li > a b:before { content: ""; width: 100%; height: 2px; background: #999999; position: absolute; left: 0; top: 7px; transition: 0.32s; }
.navigateli > li > a b:after { content: ""; width: 2px; height: 100%; background: #999999; position: absolute; left: 7px; top: 0; transition: 0.32s; }
.navdown { background: #dbdbdb; display: none; }
.navdown li a { display: block; color: #333333; font-size: 15px; padding-left: 28px; line-height: 50px; }

.mspec .ul { height: auto; overflow: hidden; padding: 0px 30px 40px; }
.mspec .ul a { line-height: 45px; color: #555; display: block; border-bottom: 1px solid #cccccc; }
.mspec .ul a:hover, .mspec .ul a.selected { color: #a53230; font-weight:bold; }

.mspec { height: auto; overflow: hidden; padding:20px 0px; }
.mspec .li { line-height: 35px; color: #333; text-align: center; display: block; background: #f6f6f6; margin-bottom:20px; }
.mspec .li:hover, .mspec .li.selected { color: #fff; background: #a53230; }

/* nav-bar */
.nav-bar { height: 40px; }
.nav-bar .navbox { height: 40px; padding-left:15px; float: left; }
.nav-bar .navbox a { height: 40px; line-height: 35px; font-size: 16px; color: #333; padding: 0px 5px; float: left; }
.nav-bar .navbox a:hover, .nav-bar .navbox a.hover { color: #019392; font-weight:bold;}

/* footer */

.footer { position: relative; min-height: 60px; display: block; *display: inline; *zoom: 1; width: 100%; background: #000; text-align: center }
.footer a { margin: 0 15px; color: #999; transition: .3s; line-height: 60px; position: relative; font-size: 14px }
.footer a:hover { color: #fff }
.footer p { display: block; line-height: 100%; margin-top: 0; margin-bottom: 0; padding: 20px 0; background-color: #333; color: #5a5a5a; font-size: 14px !important }

/* categorys */

.categorys { width: 160px; height: 40px; background-color: #019392; position: relative; float: left; }

.categorys .cate-all { height: 40px; line-height: 40px; font-size: 16px; color: #fafafa; text-align: center; }

.categorys .cate-box { display: none; }
.categorys .cate-box .bgcolor { position: absolute; top: 40px; left: 0; z-index: 111; width: 160px; height: 450px; overflow: visible; background-color: rgba(0, 0, 0, 0.5); }
.categorys .cate-box .bgcolor .item { width: 160px; border-bottom: #dbdbdb solid 1px; }
.categorys .cate-box .bgcolor .item:last-child {border:none;}

.categorys .cate-box .bgcolor .item .title { height: 49px; line-height: 49px; font-size: 14px; color: #fafafa; text-align: center; display: block; padding: 0px 10px; }

.categorys .cate-box .bgcolor .item .category-details { display: none; height: 450px; position: absolute; left: 160px; width: 150px; top: 0; border-top: 0; background: rgba(0, 0, 0, 0.8); overflow: hidden; }
.categorys .cate-box .bgcolor .item .category-details a { line-height: 49px; font-size: 14px; color: #fafafa; text-align: center; display: block; border-bottom: #5a5a5a solid 1px; }
.categorys .cate-box .bgcolor .item .category-details a:hover { background: rgba(0, 0, 0, 0.9); }

.categorys .cate-box .bgcolor .item:hover .title { background: rgba(0, 0, 0, 0.8); }
.categorys .cate-box .bgcolor .item:hover .category-details { display: block; }

/* banner */

.banner { height: 160px; position: relative;}
.banner .swiper-slide { height: 160px;}

.banner .swiper-pagination { width:100%; height: 15px; }
.banner .swiper-pagination-bullet { width: 30px; height: 1px; background: #fff; opacity: 1; -moz-border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; }
.banner .swiper-pagination-bullet-active { background: #019392; }

/* floor */

.floor-title { height: auto; overflow: hidden; color: #000; line-height: 42px; font-size: 16px; border-bottom: 1px solid #c9c9c9; padding:5px 10px; margin-top:20px; position:relative;}
.floor-title:before {width:4px; height: 18px; content:""; background:#019392; position:absolute; top:50%; left:0px; margin-top:-9px;}

.floor-box { height: auto; overflow: hidden; padding:20px 0px;}
.floor-box .imgurl {height:0px; display:none;}

.floor-box .item { height: auto; overflow: hidden; /*box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);*/ margin-bottom: 20px; }
.floor-box .item a { height: auto; overflow: hidden; display: block; position: relative; transition: all 0.3s; }
.floor-box .item a .imgbox { height: auto; overflow: hidden; }
.floor-box .item a .imgbox img { width: 100%; display: block; transition: all 0.3s; }
.floor-box .item a .title { height: 30px; line-height: 30px; font-size: 12px; color: #fff; text-align: center; background: #019392; padding: 0px 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.floor-box .item:hover a .imgbox img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

/* stitle */

.stitle { height: auto; overflow: hidden; text-align: center; padding: 50px 0px; }
.stitle .p1 { line-height: 30px; font-size: 24px; color: #000; font-weight:bold; }
.stitle .p2 { line-height: 25px; font-size: 12px; color: #666; }

/* aboutmain */

.aboutmain { height: auto; overflow: hidden; padding:80px 0px; position: relative; }
.aboutmain .bg { width: 100%; height: 100%; background: #019392; position: absolute; top: 0px; right: 0px; }

.aboutmain .about { height: 160px; margin-bottom: 30px; position: relative; }
.aboutmain .about .swiper-slide { height: 160px; display:block;}

.aboutmain .about .swiper-pagination { height: 15px; right: 10px; }
.aboutmain .about .swiper-pagination-bullet { width: 10px; height: 10px; background: #fff; opacity: 1; }
.aboutmain .about .swiper-pagination-bullet-active { background: #be946d; }

.aboutmain .aboutintro { height: auto; overflow: hidden; color: #fff; }

/* news */

.news { height: auto; overflow: hidden; padding-bottom:50px; }
.news .video { height: 200px; }

.news .article { height: auto; overflow: hidden; }
.news .article a { height: 40px; overflow: hidden; display: block; padding-left: 12px; padding-right: 85px; position: relative; }
.news .article a i { width: 4px; height: 4px; background: #666; display: block; position: absolute; top: 50%; left: 0px; margin-top: -2px; }
.news .article a span { height: 40px; line-height: 40px; display: block; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news .article a time { width: 80px; height: 40px; line-height: 40px; color: #666; font-size: 12px; text-align: right; display: block; position: absolute; top: 0px; right: 0px; }
.news .article a:hover span { color: #000; text-decoration: underline; }

/* mainpage */

.mainpage { height: auto; overflow: hidden; padding: 50px 0px; }
.mainpage .item { height: auto; overflow: hidden; padding: 20px 15px; box-shadow: 0 4px 8px 4px rgba(165, 165, 165, 0.1); margin-bottom: 10px; position: relative; }
.mainpage .item .title { height: auto; overflow: hidden; padding-bottom: 8px; display: block; }
.mainpage .item .title span { line-height: 24px; color: #000; font-size: 16px; font-weight: bold; display: block; }
.mainpage .item .title font { line-height: 20px; color: #666; font-size: 12px; display: block; }
.mainpage .item .zhaiyao { height: auto; overflow: hidden; line-height: 24px; color: #999; }
.mainpage .item .word { height: auto; overflow: hidden; }
.mainpage .item .mores a { width: 80px; height: 24px; line-height: 24px; color: #fff; font-size: 12px; text-align: center; background: #019392; display: block; }
.mainpage .item:hover { box-shadow: 0 4px 8px 4px rgba(165, 165, 165, 0.3); }

.mainpage .article { height: auto; overflow: hidden; padding:0px 0px 10px;}
.mainpage .article a { height: 40px; overflow: hidden; display: block; padding-left: 12px; padding-right: 85px; position: relative; }
.mainpage .article a i { width: 4px; height: 4px; background: #666; display: block; position: absolute; top: 50%; left: 0px; margin-top: -2px; }
.mainpage .article a span { height: 40px; line-height: 40px; display: block; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mainpage .article a time { width: 80px; height: 40px; line-height: 40px; color: #666; font-size: 12px; text-align: right; display: block; position: absolute; top: 0px; right: 0px; }
.mainpage .article a:hover span { color: #000; text-decoration: underline; }

.mainpage .side_title { height: 60px; line-height: 60px; font-size: 18px; color: #fff; padding: 0px 20px; background:#019392; }

.mainpage .side_div { height: auto; overflow: hidden; padding: 0px; border: #e5e5e5 solid 1px; border-top: none; border-bottom: none; }
.mainpage .side_div a { height: 45px; line-height: 45px; color: #333; overflow: hidden; display: block; padding-left: 20px; border-bottom: #e5e5e5 solid 1px; position: relative; }
.mainpage .side_div a i { width: 3px; height: 45px; display: block; background: #fff; position: absolute; top: 0px; left: 0px; }
.mainpage .side_div a.hover { background: #efefef; }
.mainpage .side_div a.hover i { background: #019392; }
.mainpage .side_div a:hover { background: #efefef; }
.mainpage .side_div a:hover i { background: #019392; }

.mainpage .mtit { height: auto; overflow: hidden; border-bottom: #e5e5e5 solid 1px; padding-bottom: 5px; }
.mainpage .mtit .b1 { line-height: 30px; color: #000; font-size: 16px; font-weight: bold; float: left; }
.mainpage .mtit .b2 { line-height: 24px; color: #555; font-size: 14px; font-family: Arial; text-transform: capitalize; padding-top: 4px; float: left; }
.mainpage .mtit .line { width: 2px; height: 10px; background: #555; margin: 11px 10px 0px; float: left; }

.mainpage .a_title { height: auto; overflow: hidden; line-height: 25px; overflow: hidden; color: #000; font-size: 16px; font-weight: bold; padding: 5px 0px 10px; }
.mainpage .a_date { height: auto; overflow: hidden; line-height: 30px; color: #898989; padding-bottom: 5px; border-bottom: #ccc dashed 1px; }
.mainpage .a_date span, .a_date font { padding: 0px 3px; }
.mainpage .a_date font { color: #e60012; }
.mainpage .a_cont { height: auto; overflow: hidden; }
.mainpage .a_cont img { max-width: 100%; }

.mainpage .mapbox { height: 240px; }

/*筛选条件样式*/

.screen-pc { height: auto; overflow: hidden; padding: 0px 0px 10px; position: relative; border: 1px solid #d1cfd2; background: #fff; margin-top: 20px; display:none; }
.screen-pc:after { clear: none; content: ""; display: block; height: 0; visibility: hidden; }
.screen-pc dl { clear: both; display: block; border-top: 1px solid #f7f7f7; padding: 10px 0px 0px; }
.screen-pc dl:after { clear: none; content: ""; display: block; height: 0; visibility: hidden; }
.screen-pc dl:first-child { border-top: none; }
.screen-pc dl dt { display: block; float: left; padding-left: 20px; width: 100px; color: #555; line-height: 36px; }
.screen-pc dl dd { position: relative; margin-left: 12px; padding-top: 5px; overflow: hidden; }
.screen-pc dl dd a { display: inline-block; color: #666; margin: 0 10px 10px 0; padding: 8px 15px; background: #f6f6f6; font-size: 12px; line-height: 1em; }
.screen-pc dl dd a:hover, .screen-pc dl dd a.selected { color: #fff; background: #019392; }

.screen-m { height: auto; overflow: hidden; padding-top: 30px; display:none; }
.screen-m .list { height: auto; overflow: hidden; padding: 0px 0px 10px 45px; position: relative; }
.screen-m .list .mt { width: 40px; line-height: 28px; color: #999; font-size: 12px; position: absolute; top: 0px; left: 0px; }

.screen-m .list a { width: auto; line-height: 28px; color: #666; font-size: 12px; padding: 0px 15px; background: #f6f6f6; display: block; float: left; }
.screen-m .list a:hover, .screen-m .list a.selected { color: #fff; background: #019392; }

/* 产品列表 */

.mainpage .proitem { height: auto; overflow: hidden; /*box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);*/ margin-bottom: 20px; }
.mainpage .proitem a { height: auto; overflow: hidden; display: block; position: relative; transition: all 0.3s; top: 0px; }
.mainpage .proitem a .imgbox { height: auto; overflow: hidden; }
.mainpage .proitem a .imgbox img { width: 100%; display: block; transition: all 0.3s; }
.mainpage .proitem a .title { height: 30px; line-height: 30px; font-size: 12px; color: #fff; text-align: center; background: #019392; padding:0px 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mainpage .proitem:hover a .imgbox img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

/* 相关新闻 */

.morenews { height: auto; overflow: hidden; border-top: #ccc dashed 1px; padding: 20px 0px; }
.morenews span { height: 30px; line-height: 30px; display: block; color: #434343; }
.morenews a { height: 30px; line-height: 30px; color: #a0a0a0; }
.morenews a:hover { color: #000; }

/* 分页样式 */

.pagelist { height: auto; overflow: hidden; clear: both; display: inline-block; }
.pagelist a { line-height: 27px; font-size: 12px; color: #666; display: block; border: #e5e5e5 solid 1px; padding: 0px 10px; margin-right: 15px; margin-bottom: 10px; float: left; }
.pagelist a.current { color: #019392; border: #019392 solid 1px; }
.pagelist a:hover { color: #019392; border: #019392 solid 1px; }

.hezuo { height: auto; overflow: hidden; padding-bottom:20px;}
.hezuo .item { height: auto; overflow: hidden; position: relative; float: left; }
.hezuo .item .p1 { height: 28px; line-height: 28px; font-size: 16px; color: #333; font-weight: bold; }
.hezuo .item .p2 { height: 22px; line-height: 22px; font-size: 12px; color: #777; }
.hezuo .item .p3 { height: 0px; display:none; }

.clogo {padding-bottom:30px;}
.clogo a {padding-bottom:10px;}
.clogo a img { width: 100%; display: block; border: #c9c9c9 solid 1px; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1); }
.clogo a img:hover { border: #777 solid 1px; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2); }
.clogo .clogo-button-prev { width: 40px; height: 40px; cursor: pointer; position: absolute; top: 50%; left: -40px; margin-top: -20px; z-index: 10; background-image: url(../images/left.png); }
.clogo .clogo-button-next { width: 40px; height: 40px; cursor: pointer; position: absolute; top: 50%; right: -40px; margin-top: -20px; z-index: 10; background-image: url(../images/right.png); }
.clogo .swiper-container:hover .clogo-button-prev { left: 5px; }
.clogo .swiper-container:hover .clogo-button-next { right: 5px; }

@media (max-width: 999px) { 
  
  .pages {padding-top:50px;}
  .header, .nav-bar { display: none; }
  .footer a { line-height:40px; }
  .footer p { padding: 10px 0;}

  .screen-m { display: block; }

  .hezuo .item { width: 50%; padding: 15px 0px 15px 85px; }
  .hezuo .item .bgauto { width: 70px; height: 70px; position: absolute; top: 15px; left: 0px; background-color: #f8f8f8; }

 }

@media (max-width: 767px) {

  .sban { height: 200px; }

  .banner, .banner .swiper-slide { height: 200px; }

  .stitle { padding: 15px 0px; }
  .stitle .p1 { font-size: 18px; }

  .aboutmain { padding: 30px 0px; }
  .aboutmain .about, .aboutmain .about .swiper-slide { height: 240px; }

  .mainpage { padding: 10px 0px; }
  .mainpage .item .zhaiyao { max-height: 75px; margin-bottom:15px;}

  .hezuo .item { width:100%; }

  .clogo { padding-bottom: 20px; }
  .clogo .clogo-button-prev { width: 20px; height: 20px; margin-top: -10px; }
  .clogo .clogo-button-next { width: 20px; height: 20px; margin-top: -10px; }

}

@media (max-width: 479px) {

  .banner, .banner .swiper-slide { height: 180px; }

  .sban { height: 180px; }

  .aboutmain .about, .aboutmain .about .swiper-slide { height: 180px; }

  .footer p { line-height: 20px !important; font-size: 12px !important; }
  .footer p span { display: block; }

}

@media (min-width: 768px) {

  .banner, .banner .swiper-slide { height: 320px; }

  .banner .buttons { width: 750px; height: 60px; left: 50%; margin-top: -30px; margin-left: -375px; }
  .banner .buttons .prevs { width: 40px; height: 40px; }
  .banner .buttons .prevs:before { width: 40px; height: 40px; }
  .banner .buttons .nexts { width: 40px; height: 40px; }
  .banner .buttons .nexts:before { width: 40px; height: 40px; }

  .banner .swiper-pagination-bullet { width: 40px; height: 2px; }

  .news .video { height: 240px; }

  .sban { height: 240px; }

  .mainpage .item { padding: 30px; margin-bottom: 15px; }
  .mainpage .item .img { width: 240px; }
  .mainpage .item .title { border-bottom: #e5e5e5 solid 1px; padding-bottom: 15px; }
  .mainpage .item .title span { line-height: 32px; font-size: 20px; }
  .mainpage .item .title font { line-height: 25px; font-size: 14px; }
  .mainpage .item .zhaiyao { display: block; padding: 20px 0px; }
  .mainpage .item .mores a { width: 150px; height: 40px; line-height: 40px; font-size: 16px; }

  .floor-box .item.item7, .floor-box .item.item8 { display: none; }

  .aboutmain .about, .aboutmain .about .swiper-slide { height: 300px; }

}

@media (min-width: 1000px) {

  .mheader {display:none;}

  .banner, .banner .swiper-slide { height: 450px; }

  .banner .buttons { width: 960px; height: 60px; margin-top: -30px; margin-left: -480px; }
  .banner .buttons .prevs { width: 60px; height: 60px; }
  .banner .buttons .prevs:before { width: 60px; height: 60px; }
  .banner .buttons .nexts { width: 60px; height: 60px; }
  .banner .buttons .nexts:before { width: 60px; height: 60px; }

  .banner .swiper-pagination { height: 20px; }
  .banner .swiper-pagination-bullet { width: 50px; height: 4px; }

  .floor-box .imgurl { height: 340px; display: block; margin-bottom:20px;}

  .news .video { height: 320px; }

  .sban { height: 450px; }

  .mainpage .item { padding: 30px 30px 30px 420px; margin-bottom: 25px; }
  .mainpage .item .img { width: 360px; position: absolute; top: 30px; bottom: 30px; left: 30px; }
  .mainpage .item .title span { line-height: 32px; font-size: 24px; }
  .mainpage .item .title font { line-height: 25px; font-size: 16px; }
  .mainpage .item .zhaiyao { height:200px; padding: 20px 0px; }
  .mainpage .item .mores a { width: 150px; height: 40px; line-height: 40px; font-size: 16px; }

  .mtitle span { line-height: 36px; font-size: 18px; }
  .mtitle font { line-height: 20px; font-size: 14px; }

  .mainpage .mapbox { height: 360px; }

  .floor-box .item.item7, .floor-box .item.item8 { display: block; }

  .aboutmain .bg { width: 100%;}
  .aboutmain .about { margin-bottom: 0px; }

  .aboutmain .about, .aboutmain .about .swiper-slide { height: 300px; }
  .aboutmain .aboutintro { height: 300px; }

  .screen-pc { display: block; }

  .mainpage .side_title { display: block; }

  .mainpage .side_div { display: block; }

  .hezuo {padding-bottom:30px;}
  .hezuo .item { width: 14.285%; padding: 15px 0px; }
  .hezuo .item .bgauto { width: 80px; height: 80px; margin:0px auto;}
  .hezuo .item .p1 { height: 32px; line-height: 32px; font-size: 18px; text-align:center; }
  .hezuo .item .p2 { height: 40px; line-height: 20px; text-align: center; }
  .hezuo .item .p2 span {display:block;}
  .hezuo .item .p3 { height: 50px; display: block; padding-top:20px; position: relative; }
  .hezuo .item .p3:before { width: 100%; height: 1px; content: ""; background:#dbdbdb; position: absolute; top: 32px; left:0px; }
  .hezuo .item .p3 span { width: 24px; height: 24px; line-height: 22px; font-size: 12px; color: #777; text-align: center; border: #777 solid 1px; display: block; background: #fff; position: absolute; top: 20px; left: 50%; margin-left: -25px; z-index:2; }
  .hezuo .item .p3 .line { width: 50%; height: 1px; content: ""; background: #fff; position: absolute; top: 32px; }
  .hezuo .item .p3 .line1 { left:0px; }
  .hezuo .item .p3 .line2 { right: 0px; }

  .floor-box .item a .title { height: 40px; line-height: 40px; font-size: 14px; }

  .mainpage .proitem a .title { height: 40px; line-height: 40px; font-size: 14px; }

}

@media (min-width: 1260px) {

  .nav-bar .navbox { padding-left: 25px; }
  .nav-bar .navbox a { padding: 0px 14px; }

  .categorys { width: 200px; }

  .categorys .cate-box .bgcolor { width: 200px; }
  .categorys .cate-box .bgcolor .item { width: 200px; }

  .categorys .cate-box .bgcolor .item .category-details { left: 200px; width: 200px; }

  .banner .buttons { width: 1200px; margin-left: -600px; }

  .floor-box .imgurl { height: 407px; }

  .aboutmain .about, .aboutmain .about .swiper-slide { height: 360px; }
  .aboutmain .aboutintro { height: 360px; }

  .mainpage .mtit .b1 { line-height: 40px; font-size: 20px; }
  .mainpage .mtit .b2 { line-height: 30px; font-size: 16px; padding-top: 12px; }
  .mainpage .mtit .line { height: 18px; margin: 14px 10px 0px; }

  .mainpage .item .zhaiyao { height: auto; }

}